
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Spring的循坏依赖 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>Spring的循坏依赖 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">什么是循环依赖？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">循环依赖是指 N 个类循环（或嵌套）地引用对方，或者通俗地讲，是 N 个 Bean 互相引用对方，最终形成一个闭环。</div>
          </div>
          <div class="card-source">来源: 什么是循环依赖</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">Spring 框架默认是否支持属性注入（field injection）的循环依赖？如果不支持，应如何配置以启用该功能？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Spring 默认禁止使用循环引用。可以通过在配置文件中设置属性 `spring.main.allow-circular-references=true` 来开启 Spring 对循环依赖的解决机制。</div>
          </div>
          <div class="card-source">来源: 1、field属性注入（setter方法注入）循环依赖</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">为什么 Spring 无法解决由构造器注入（constructor injection）引起的循环依赖？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Spring 解决循环依赖依靠的是 Bean 的“中间态”这一概念，即 Bean 已经实例化但尚未初始化。而构造器注入是在实例化阶段发生的，如果存在循环依赖，Bean 甚至无法完成实例化，因此无法进入可以被提前暴露的“中间态”，导致问题无法解决。</div>
          </div>
          <div class="card-source">来源: 2、构造器注入循环依赖</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">Spring 创建 Bean 的流程中，哪三个核心方法分别负责实例化、属性填充和初始化？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">1. `createBeanInstance`：负责实例化，即调用对象的构造方法。<br>2. `populateBean`：负责填充属性，主要是对 Bean 的依赖属性进行注入（例如处理 @Autowired）。<br>3. `initializeBean`：负责初始化，回调 `initMethod` 等初始化方法。</div>
          </div>
          <div class="card-source">来源: Spring创建Bean的流程</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">请简述 Spring 中三级缓存各自的名称和主要作用。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">一级缓存 `singletonObjects`：存放完全初始化好的单例 Bean。<br>二级缓存 `earlySingletonObjects`：存放已实例化但未初始化的 Bean（提前暴露的 Bean），用于解决循环依赖。<br>三级缓存 `singletonFactories`：存放用于创建 Bean 的 ObjectFactory，主要用于在循环依赖场景下解决 AOP 代理问题。</div>
          </div>
          <div class="card-source">来源: Spring容器的三级缓存</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">在 Spring 的缓存机制中，哪一级缓存是解决循环依赖问题的关键？它的工作原理是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">二级缓存（earlySingletonObjects）是解决循环依赖的关键。它的原理是：当一个 Bean（如 A）实例化后、初始化前，可以将其提前暴露并存入二级缓存。如果此时另一个 Bean（如 B）依赖 A，就可以从二级缓存中获取到 A 的早期引用，从而打破循环等待。</div>
          </div>
          <div class="card-source">来源: 二级缓存</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">在什么特定场景下，Spring 的三级缓存才会发挥其必要作用？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">当一个 Bean 既存在循环依赖，又需要被 AOP 代理增强时，三级缓存才会发挥其关键作用。它通过存储 ObjectFactory 来延迟代理对象的创建，确保即使在循环依赖的情况下，最终注入的也是代理对象而不是原始对象。</div>
          </div>
          <div class="card-source">来源: 三级缓存</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">流程</div>
          <div class="card-question">在 Spring 创建单例 Bean 的过程中，循环依赖问题主要发生在哪一个阶段？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">流程</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">循环依赖主要发生在 Bean 创建的第二步，即 `populateBean`（填充属性）阶段。这个阶段会处理属性注入（如 @Autowired），从而可能触发对其他 Bean 的依赖获取。</div>
          </div>
          <div class="card-source">来源: Spring创建Bean的流程</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">流程</div>
          <div class="card-question">简要描述 Spring 利用缓存解决两个 Bean（A 和 B）之间属性注入循环依赖的基本步骤。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">流程</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">1. 创建 A，实例化后将其放入缓存中提前暴露。<br>2. 为 A 注入属性时发现依赖 B，于是去创建 B。<br>3. 创建 B，实例化后也将其放入缓存。<br>4. 为 B 注入属性时发现依赖 A，此时从缓存中获取到已实例化的 A 的引用，并注入 B。<br>5. B 初始化成功并返回。<br>6. A 成功获取到 B 的实例，完成属性注入，最终 A 也初始化成功。</div>
          </div>
          <div class="card-source">来源: 总结</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
